<template>
<div>
  <h2>我的付款单</h2>
<!--  <el-table :data="tableData" @selection-change="handleSelectionChange">-->
  <el-table :data="tableData">
    <!--    <el-table-column type="selection" width="55" align="center" />-->
    <el-table-column label="编号" align="center" prop="id" />
    <el-table-column label="付款单号" align="center" prop="pay_order_no" />
    <el-table-column label="商户ID" align="center" prop="business_id" />
    <el-table-column label="合同ID" align="center" prop="contract_no" />
    <el-table-column label="应付日期" align="center" prop="houseName" />
    <el-table-column label="金额" align="center" prop="housingId" />
    <!--      <el-table-column label="租赁方式" align="center" prop="rentMethod" />-->
    <el-table-column label="支付状态" align="center">
      <template slot-scope="scope">
        <span v-if="scope.row.houseStatus==0">未出租</span>
        <span v-if="scope.row.houseStatus==1">已出租</span>
      </template>
    </el-table-column>
    <el-table-column label="租金" align="center" prop="rent" />
    <el-table-column label="税费" align="center" prop="address" />
    <el-table-column label="租房周期" align="center" prop="created" width="180">
        <span>2022-11-1至2022-12-1</span>
    </el-table-column>
    <el-table-column label="操作" align="center">
      <template slot-scope="scope">
        <el-button>支付</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<script>
export default {
  //我的付款单
  name: "PayMent",
  data() {
    return{
      tableData:[]
    }
  },
  created() {
  },
  methods:{
    initTable() {
    }
  }
}
</script>

<style scoped>

</style>
